.galleries
  min-height calc(100vh - 350px)
  @media (max-width 768px)
    max-width 100%
    padding 0 10px
  .wrap
    display grid
    grid-template-columns repeat(auto-fit, minmax(100px, 300px))
    grid-gap 10px
    justify-content center
    @media (max-width 768px)
      grid-template-columns repeat(2, minmax(100px, 300px))
    .item
      position relative
      padding-top 100%
      transition $transition
      &:hover
        filter grayscale(100%)
        // opacity 0.7
      .title-wrap, img
        position absolute
        display block
        object-fit cover
        width 100%
        height 100%
        top 0
        left 0
      .mask
        position absolute
        bottom 0
        width 100%
        background linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))
        padding 10px
        .title
          margin 0
          color #ffffff
          font-size 24px